body {
	background-color: gray;	
}

div#content {
	float:left;
}

div#gridChoices {
	float:left;
}

div#path_icons,
div#decor_icons,
div#terrain_icons {
	float:left;
	padding-top: 10px;
	margin-left: 10px;
	width: 200px;
	height: 590px;
	background-color: silver;
	border: 2px solid black;
	overflow: scroll;
}

div#decor_icons {
width: 260px;	
}

div.icon_text {
	float:left;
	padding: 8px;
}

div.icon {
	background-position: left top;
	background-repeat: no-repeat;
	background-color: #DADA0A;
	width: 60px;
	height: 60px;
	border: 2px solid gray;
	margin-bottom: 4px;	
}

div#water {
	background: url('../textures/water2.png');
}

div#dirt1 {
	background: url('../textures/dirt1.png');	
}

div#dirt2 {
	background: url('../textures/dirt2.png');	
}

div#forest1 {
	background: url('../textures/forest1.png');	
}

div#forest2 {
	background: url('../textures/forest2.png');	
}

div#grain {
	background: url('../textures/grain1.png');	
}

div#brush1 {
	background: url('../textures/brush1.png');	
}

div#grass {
	background: url('../textures/grass.jpg');	
}

div#ancient-city {
	background: url('../castles/ancient-city.gif');	
}

div#ancient-city-walled {
	background: url('../castles/ancient-city-walled.gif');	
}

div#ancient-town {
	background: url('../castles/ancient-town.gif');	
}

div#ancient-town-walled {
	background: url('../castles/ancient-town-walled.gif');	
}

div#cairn {
	background: url('../castles/cairn.gif') no-repeat;	
}

div#castle1 {
	background: url('../castles/castle1.gif') no-repeat;	
}

div#cathedral1 {
	background: url('../castles/cathedral1.gif') no-repeat;	
}

div#tower-sage {
	background: url('../castles/tower-sage.gif') no-repeat;	
}

div#ziggurat {
	background: url('../castles/ziggurat.gif') no-repeat;	
}

div#dirt_road_vert {
	background: url('../roads/dirt_road_vert.gif') no-repeat;	
}

div#dirt_road_horiz {
	background: url('../roads/dirt_road_horiz.gif') no-repeat;	
}

div#dirt_road_ne_se{
	background: url('../roads/dirt_road_ne_se.gif') no-repeat;	
}

div#dirt_road_nw_sw{
	background: url('../roads/dirt_road_nw_sw.gif') no-repeat;	
}

div#dirt_road_nw_se{
	background: url('../roads/dirt_road_nw_se.gif') no-repeat;	
}

div#dirt_road_ne_sw{
	background: url('../roads/dirt_road_ne_sw.gif') no-repeat;	
}

div#dirt_road_nw_ne{
	background: url('../roads/dirt_road_nw_ne.gif') no-repeat;	
}

div#dirt_road_sw_se{
	background: url('../roads/dirt_road_sw_se.gif') no-repeat;	
}


div#river_horiz {
	background: url('../rivers/river_horiz.gif') no-repeat;	
}

div#river_ne_se{
	background: url('../rivers/river_ne_se.gif') no-repeat;	
}

div#river_nw_sw{
	background: url('../rivers/river_nw_sw.gif') no-repeat;	
}

div#river_nw_se{
	background: url('../rivers/river_nw_se.gif') no-repeat;	
}

div#river_ne_sw{
	background: url('../rivers/river_ne_sw.gif') no-repeat;	
}

div#river_nw_ne{
	background: url('../rivers/river_nw_ne.gif') no-repeat;	
}

div#river_sw_se{
	background: url('../rivers/river_sw_se.gif') no-repeat;	
}

div.selected {
	border: 2px solid black;
}

div.label {
	text-align: center;
}

canvas#hexgrid {
	border: 2px solid black;
	float:left;	
}